<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>PrimeFaces - ShowCase</title>
            </f:facet>

            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100">
                    <h:outputText value="Top unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100">
                    <h:outputText value="South unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="west" size="200">
                    <h:form style="text-align: center">
                        <ui:include src="../templates/themeMenu.xhtml" />
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="east" size="200">
                    <h:outputText value="Right unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="center">

                    <p:layout>

                        <p:layoutUnit position="north" size="100">
                            <h:outputText value="Middle top unit content." />
                        </p:layoutUnit>

                        <p:layoutUnit position="south" size="100">
                            <h:outputText value="Middle south unit content." />
                        </p:layoutUnit>

                        <p:layoutUnit position="west" size="200">
                            <h:outputText value="Middle left unit content." />
                        </p:layoutUnit>

                        <p:layoutUnit position="east" size="200">
                            <h:outputText value="Middle right unit content." />
                        </p:layoutUnit>

                        <p:layoutUnit position="center">
                            <h:outputText value="Middle center unit content." />
                        </p:layoutUnit>

                    </p:layout>

                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
    
    <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/sh.js"></script>
    <script language="javascript">
        dp.SyntaxHighlighter.ClipboardSwf = '#{request.contextPath}/syntaxhighlighter/scripts/clipboard.swf';
        dp.SyntaxHighlighter.HighlightAll('code');
    </script>
</html>